@charset "UTF-8";
/*==========全局==========*/
html { overflow-y: scroll; overflow-x: hidden; _background-attachment: fixed; }
body { font-family: "Microsoft Yahei",Arial,'Hiragino Sans GB',sans-serif; font-size: 14px; color: #000; overflow-x: hidden; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, sup, sub { margin: 0; padding: 0; }
fieldset, img { border: 0; }
ul, ol, li { list-style: none; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; font-family: "Microsoft Yahei"; }
.imgmiddle, input, select { vertical-align: middle; }
.table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; color: #333; }
.ffyh { font-family: "Microsoft Yahei"; }
.ffarial { font-family: "arial"; }
/* .tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; } */
.w1271 { width: 1271px; margin: 0 auto; }
.shadow { transition: all .3s; }
.shadow:hover { margin-top: -5px; box-shadow: 0 5px 18px rgba(0, 0, 0, .1); }

/* 头部 */
.h-content-box { width: 100%; height: 1080px; }
.h-content-box .h-banner { position: relative; }
.h-banner .h-img { width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.h-banner .h-logo { position: absolute; top: 100px; left: 138px; z-index: 2; }
.h-banner .h-play-content { position: absolute; left: 50%; bottom: 250px; z-index: 2; margin-left: -600px; width: 1200px; text-align: center; color: #fff; }
.h-banner .h-play-content .h-play-btn { cursor: pointer; }
.h-banner .h-play-text h3 { font-weight: normal; font-size: 65px; }
.h-banner .h-play-text .h-play-more{ background-color: #ffde27; display: block; width: 192px; height: 57px; border-radius: 4px; font-size: 28px; text-align: center; line-height: 57px; margin: 51px auto 0; }
.h-banner .h-next-btn { width: 43px; height: 28px; position: absolute; bottom: 25px; left: 50%; z-index: 2; margin-left: -21.5px; background: url('../images/sprite.png') -109px -2px no-repeat; }
.h-banner .h-r-tool { position: absolute; top: 98px; right: 93px; z-index: 2; }
.h-banner .h-r-tool li { width: 50px; margin-bottom: 43px; cursor: pointer; position: relative;}
.h-banner .h-r-tool .h-r-tool-hover { position: absolute; left: 0; top: 0; display: none; }
.h-banner .h-r-tool .h-r-tool-hover.code { width: 151px; height: 143px; top: -45px; left: -151px; background: url('../images/dialog-bg.png') no-repeat; text-align: center; }
.h-banner .h-r-tool .h-r-tool-hover.code img { margin-top: 7px; margin-left: -9px; }
.h-banner .h-r-tool .h-r-tool-hover.phone { width: 180px; height: 52px; left: -200px; background: url('../images/phone-bg.png') no-repeat; line-height: 48px; font-size: 16px; color: #202020; padding-left: 20px; }
.h-banner .h-r-tool .h-r-tool-hover.link { width: 265px; height: 35px; left: -285px; border-radius: 4px; background-color: #fff; padding: 5px 0 5px 8px; }
.h-banner .h-r-tool .h-r-tool-link { width: 207px; height: 35px; background: #dededc; font-size: 18px; color: #858585; line-height: 35px; text-align: center; border: none; }
.h-banner .h-r-tool .h-r-tool-copy { width: 55px; height: 35px; text-align: center; line-height: 35px; }
.h-content-box .h-video{ position: absolute; top: 0; left: 0; width: 100%; z-index: 3; display: none; } 
.hh-content-box .h-video .video-js{ position: absolute; top: 0; left: 0; } 

/* 主要内容 */
.main-content .main-c-title { padding-top: 79px; padding-bottom: 45px; text-align: center; }
.main-content-m1 .m1-block img { display: block; }
.main-content-m1 .m1-container { position: relative; }
.main-content-m1 .m1-block-cover { position: relative; }
.main-content-m1 .m1-block { overflow: hidden; }
.main-content-m1 .m1-box1 { margin-bottom: 18px; }
.main-content-m1 .m1-box1 .m1-box1-block1 { margin-right: 18px; }
.main-content-m1 .m1-box2 .m1-box2-block1, .main-content-m1 .m1-box2 .m1-box2-block2 { margin-right: 18px; }
.main-content-m1 .m1-box2 .m1-box2-block2-img1 { margin-bottom: 18px; }
.main-content-m1 .m1-block .m1-block-code { width: 32px; height: 32px; position: absolute; z-index: 2; background: url('../images/sprite.png') -166px 0 no-repeat; cursor: pointer; }
.main-content-m1 .m1-block .m1-block-code.rt { right: 14px; top: 14px; }
.main-content-m1 .m1-block .m1-block-code.lt { left: 14px; top: 14px; }
.main-content-m1 .m1-block .m1-block-code.rb { right: 14px; bottom: 14px; }
.main-content-m1 .m1-block .m1-block-code.lb { left: 14px; bottom: 14px; }
.main-content-m1 .m1-block .m1-block-title { position: absolute; bottom: 23px; z-index: 2; font-size: 35px; width: 100%; color: #fff; font-weight: normal; line-height: 38px; }
.main-content-m1 .m1-block .m1-block-title.tl { left: 32px; }
.main-content-m1 .m1-block .m1-block-title.tc { left: 0; text-align: center; }
.main-content-m1 .m1-block .m1-block-title.tr { right: 32px; text-align: right; }
.main-content-m1 .m1-box2-block1 .m1-block-code.rb { bottom: 23px; }
.main-content-m1 .m1-box2-block3 .m1-block-code.lb { bottom: 23px; }
.main-content-m2 .main-c-title { padding-top: 111px; padding-bottom: 55px; }
.main-content-m2 .m2-lis { width: 635px; float: left; margin-bottom: 20px; }
.main-content-m2 .m2-lis .m2-lis-img { width: 307px; height: 297px; position: relative; }
.main-content-m2 .m2-lis .m2-lis-text { padding-left: 30px; width: 270px; }
.main-content-m2 .m2-lis .m2-lis-title { font-size: 25px; padding-top: 16px; padding-bottom: 6px; }
.main-content-m2 .m2-lis .m2-lis-subtitle { font-size: 20px; color: #202020; }
.main-content-m2 .m2-lis .line { width: 272px; height: 2px; display: block; background-color: #ffde27; margin-top: 10px; margin-bottom: 4px; }
.main-content-m2 .m2-lis-text.tr .line { margin-left: -30px; }
.main-content-m2 .m2-lis-text.tl .line { width: 300px; }
.main-content-m2 .m2-lis .m2-lis-text.tl { padding-left: 0; padding-right: 30px; }
.main-content-m2 .m2-lis .m2-lis-desc { width: 223px; line-height: 25px; font-size: 16px; color: #555; }
.main-content-m2 .m2-lis .m2-lis-code { width: 129px; height: 34px; display: block; margin-top: 15px; border-radius: 4px; text-align: center; line-height: 34px; color: #202020; background: url('../images/icon-2.png') 14px center no-repeat #ffde27; padding-left: 20px; font-size: 15px; }
.main-content-m2 .m2-lis .m2-lis-code:hover {  background: url('../images/icon-1.png') 14px center no-repeat #ffde27; }
.main-content-m2 .m2-lis .m2-lis-code.active {  background: url('../images/icon-1.png') 14px center no-repeat #ffde27; }
.main-content-m3 .m3-swiper { position: relative; height: 330px; }
.main-content-m3 .m3-swiper .arrow-btn{ position: absolute; top: 50%; margin-top: -80px; background: url('../images/arrow-btn.png') no-repeat; width: 27px; height: 49px; -webkit-transition: all .3s; transition: all .3s; }
.main-content-m3 .m3-swiper .arrow-btn.arrow-left { left: -67px; background-position: 0 0; }
.main-content-m3 .m3-swiper .arrow-btn.arrow-left:hover { background-position: -27px 0; }
.main-content-m3 .m3-swiper .arrow-btn.arrow-right { right: -67px; background-position: 0 -49px; }
.main-content-m3 .m3-swiper .arrow-btn.arrow-right:hover { background-position: -27px -49px; }
.main-content-m3 .m3-swiper ul { width: 1312px; overflow: hidden; }
.main-content-m3 .m3-swiper li { width: 287px; float: left; margin-right: 41px; }
.main-content-m3 .m3-swiper .m3-swiper-img{ position: relative; }
.main-content-m3 .m3-swiper .m3-swiper-info{ padding-top: 15px; position: relative; }
.main-content-m3 .m3-swiper .m3-swiper-title { font-size: 26px; color: #414141; line-height: 25px; }
.main-content-m3 .m3-swiper .m3-swiper-desc { color: #a5a5a5; font-size: 17px; line-height: 30px; padding-top: 16px; }
.main-content-m3 .m3-swiper .m3-swiper-code { position: absolute; top: 16px; right:0; width: 34px; height: 34px; background: url('../images/sprite.png') -61px -47px no-repeat; }
.main-content-m4 { margin-top: 113px; width: 1920px; position: relative; left: 50%; margin-left: -960px; }

.main-content-m1 .m1-block-hover { position: absolute; left: 50%; top: 139px; z-index: 3; margin-left: -408.5px; width: 817px; height: 360px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); display: none;}
.main-content-m1 .m1-block-hover .m1-block-h-content { padding: 20px; }
.main-content-m1 .m1-block-h-content .m1-block-h-img2 { margin-left: 25px; }
.main-content-m1 .m1-block-hover .close { position: absolute; right: 20px; top: 20px; width: 21px; height: 21px; background: url('../images/close.png') no-repeat; }

.main-content-m2 .m2-lis-img .m2-img-hover { position: absolute; top: 0; left: 0; z-index: 3; width:307px; height: 297px; display: none;}
.main-content-m2 .m2-img-hover .black { width: 307px; height: 297px; background: url('../images/black.png'); }
.main-content-m2 .m2-img-hover .img { background-color: #fff; width: 210px; height: 210px; border-radius: 8px; position: absolute; left: 50%; top: 50%; margin-top: -105px; margin-left: -105px; text-align: center; }
.main-content-m2 .m2-img-hover .img img { padding-top: 10px; }

.main-content-m3 .m3-swiper .m3-swiper-hover { position: absolute; top: 0; left: 0; z-index: 3; width: 287px; height: 213px; display: none; }
.main-content-m3 .m3-swiper-hover .black { width: 287px; height: 213px; background: url('../images/black.png'); }
.main-content-m3 .m3-swiper-hover .img { background: #fff; overflow: hidden; padding: 5px; width: 153px; height: 153px; border-radius: 8px; position: absolute; top: 50%; left: 50%; margin-top: -81.5px; margin-left: -81.5px; text-align: center; }

/* 底部 */
.footer { width: 100%; height: 443px; background: #323437; color: #757575; }
.footer .w1271 { padding: 0 10px; }
.footer .f-t { padding-top: 45px; }
.footer .f-t-box { float: left; }
.footer .f-t-box1 { width: 368px; margin-right: 79px; padding-left: 45px; }
.footer .f-t-box2 { width: 265px; margin-right: 67px; }
.footer .f-t-box3 { width: 337px; }
.footer .f-t-box .f-t-title { color: #fff; font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.footer .f-t-box .f-t-p { line-height: 30px; font-size: 15px; }
.footer .f-t-box .f-t-map { margin-top: 11px; }
.footer .f-b { border-top: 1px solid #6b6b6b; margin-top: 47px; }
.footer .f-b-link { line-height: 22px; text-align: center; padding-top: 23px; padding-left: 43px;}
.footer .f-b-link li { margin-right: 68px; position: relative; }
.footer .f-b-link .f-b-link-cn { color: #c8c8c8; font-size: 16px; }
.footer .f-b-link .f-b-link-en { color: #757575; font-size: 11px; }
.footer .f-b .copy { line-height: 100px; color: #6b6b6b; }
.footer .f-b .f-b-code { width: 135px; height: 139px; padding-top: 5px; position: absolute; top: -150px; left: 50%; margin-left: -67.5px; background: url('../images/dialog-bg1.png') center no-repeat;  display: none;}